<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<base href="#(basePath)">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>无标题文档</title>
	<link rel="stylesheet" href="plug/layui/css/layui.css">
	<script src="plug/layui/lay/dest/layui.all.js"></script>
	<style type="text/css">
		h1 {font-size: 50px;margin-bottom: 50px;}
		.check li {width: 70px; height: 50px; margin: 10px; float: left;}
		.but-list span {width: 69px; }
	</style>
	<script type="text/javascript" src="plug/jquery/jquery-1.9.0.min.js"></script>
	<script>
	$(function(){
		list();
		/**跳转计时页面 **/
		$("#timing").click(function(){
			var qid = $('#questionid').val();
			window.location.href='timing/'+qid;
		});
	});
		function list(){
		   	$.ajax({
				type:"POST",
	            url:"question/list",
	            data: {},
	            dataType : 'json',
	           	success: function(result, status, xhr) {
	   				if(result.isOk){
	   					var html = '';
	   					$(result.list).each(function(i,item){
		   					i=i+1;
		   					var isshow = item.isShow == 0 ? 'layui-btn-danger' : 'layui-btn-disabled'; 
		   					var click =  item.isShow == 0 ? 'onclick="show(this)"':'';
	   						html +=' <li class="but-list"><span class="layui-btn layui-btn-big '+isshow+'" data-content="'+item.content+'" data-id ="'+item.qid+'"  '+click+'>'+i+'</span></li>'
	   			        });
	   					$('.check ul').html(html);
	   					}
	   				}
	        });
		    
		}	
		$("#question").bind("click",function(){ 
			$("#viewSystemdiv").toggle(300); 
		});
		function show(dom){
			/* tt=document.getElementById("viewSystemdiv");
			tt.style.display="block"; */
			_layer($(dom).data('content'));
			//给表单赋值 
			//$('#addConfigName').val($(dom).data('content'));
            
			/**调用 介绍时间关联题目的方法 **/
			var qid = $(dom).data('id');
			var tid = $('#timeid').val();
			$("#questionid").val(qid);
			if('0'!=tid){
				$.ajax({type : "POST",dataType: 'json',async:true,url : 'updIntroduceQid',data : {qid:qid, tid:tid}});
			}
			/**调用更新题目状态的方法 **/
			$.ajax({type : "POST",dataType: 'json',async:false,url : 'question/updIsShow/'+qid,data : {}})
			/**更新页面数据 **/
			list();
		}
		/**layer弹窗 **/
		function _layer(con){
		  //当使用了 layui.all.js，无需再执行layui.use()方法
			var layer = layui.layer;

		  	con = '<pre style="text-indent : 20px; font-size: 25px;line-hight:20px">'+con+'</pre>';
			
			layer.open({
				  title: '试题内容',
				  area: ['800px', '400px'],
				  anim : 4,
				  shade : 0.86,
				  resize : false,
				  move : false,
				  content: con
			});     
		}
	</script>
</head>

<body class="layui-bg-gray">
	<!-- hidden s-->
	<input type="hidden" id="timeid" value="#(tid)">
	<input type="hidden" id="questionid">
	<!-- hidden e-->
<div class="layui-main">
<h1 align="center">我是标题</h1>
 <button class="start layui-btn layui-btn-big layui-btn-normal" id="timing">返回</button>
<div style="text-align:center;">
    <div class="check">
            <ul id="cardNum">
               
             </ul>
      </div>
        
      <div id="viewSystemdiv" class="modifySystemdiv addback" style="display: none;">
        <form action="add_serve_type" method="post" name="myform">
        <ul id="cardNum">
            <li class="lititle" ><p>您选中的题目是:</p></li>
            <li>
              <input type="text" id="addConfigName" name="configTypeName"/></li>
        </ul>
        </form>
    </div>
</div>
</div>
</body>
</html>
